<template>
	<view style="min-height: 100vh;background-color: rgb(246,246,246);">
		<!-- <u-navbar :border-bottom="false" title="品牌直供	" title-size="32" title-width="500" height="44" class="nav">
			<view class="u-slot-wrap flex flex-jc-fe">
				<view @click="goPage">品牌筛选</view>
			</view>
		</u-navbar> -->
		<u-sticky offset-top="0">
			<view class="item" style="background-color: #fff;margin-top: 10rpx;">
				<!-- 重置 -->
				<view class="reset">
					<scroll-view scroll-x='true' class="scroll ">
						<view class="reset-history flex flex-ai-c">
							<view class="reset-name flex flex-jc-c" v-show="history.brand">
								<view>{{history.brand}}</view>
								<view @click="delBrand">
									<i-icon icon="iconguanbi" size="26rpx"></i-icon>
								</view>
							</view>
						</view>
					</scroll-view>
					<view class="reset-right flex flex-ai-c" @click="reset">
						<view style="margin-right: 10rpx;">
							<i-icon icon="iconzhongzhi" size="27rpx"></i-icon>
						</view>
						<view>重置</view>
					</view>
				</view>
			</view>
		</u-sticky>
		<page-loading :show='pageLoading'>
			<view class="content">
				<view>
					<carList :carlist='carlist'></carList>
					<u-loadmore :status="loadStatus" v-show="carlist.length!==0" @loadmore="more" margin-top="50"/>
					<view class="defaultMap" v-show="isShow && carlist.length===0">
						<image src="https://files.yzsheng.com/bussiness/imgs/tu@2x.png"></image>
						<view class="texna">
							暂无更多信息，看看其他的吧
						</view>
					</view>
				</view>
			</view>
		</page-loading>
	</view>
</template>

<script src='./brand_direct.js'>
</script>

<style lang="scss" scoped>
	@import '../downPayment/downPayment.scss';

	.u-slot-wrap {
		flex: 1;
		padding: 0 24rpx;
		font-size: 30rpx;
		font-weight: 500;
	}

	//默认图
	.defaultMap {
		padding-top: 100rpx;
		width: 750rpx;
		height: 85vh;
		text-align: center;

		image {
			width: 263rpx;
			height: 277rpx;
		}

		.texna {
			font-size: 28rpx;
			color: #999999;
		}
	}
</style>
